<link rel="stylesheet" href="{{base_url()}}syslib/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="{{base_url()}}syslib/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
        $("a[rel^='prettyPhoto']").prettyPhoto({
            animation_speed:'normal'
            //,theme:'dark_square'
            ,social_tools:false
            ,allow_resize: false
            ,default_width: 500
            ,default_height: 344
        });
    });
</script>
<div>
    <div class="grid_x" style="border: 1px solid #ccc;border-right: none">
        <div class="grid_x" style="border-right: 1px solid #ccc;">
            <div class="pl20 pr20 pt8 pb8 lh16" style="border-top: 1px solid #fff;border-left: 1px solid #fff;">
                Flexigrid Guide
            </div>
        </div>
        <div class="grid_x" style="border-right: 1px solid #ccc;">
            <div class="pl20 pr20 pt8 pb8 lh16" style="border-top: 1px solid #fff;border-left: 1px solid #fff;">
                MCImage Manage
            </div>
        </div>
        <div class="grid_x" style="border-right: 1px solid #ccc;">
            <div class="pl20 pr20 pt8 pb8 lh16" style="border-top: 1px solid #fff;border-left: 1px solid #fff;">
                Redactor Editor
            </div>
        </div>
        <div class="grid_x pl32 pr20 pt8 pb8 lh16 pr" style="border-top: 1px solid #fff;border-left: 1px solid #fff;outline: 1px solid #ccc;">
            <div class="arrow_down more-e s-p-e pa l8 t8 mt-1" style="">
                <div class="w16px" style="height: 16px" onclick="s_m_b(this)"></div>
                <ul class="c-w-c-b more-box mt0 mb0">
                    <li style="position: absolute;top: 4px;left: 28px;margin: 0;padding: 0;bottom: 5px;border-left: 1px solid #eaeaea;border-right: 1px solid #fafafa"></li>
                    <li onclick="m_e_a(5);">abc</li>
                    <li onclick="m_e_a(3);">Restore</li>
                    <li class="more_icon icon-pos"><a href="#ol">ol</a></li>

                </ul>
            </div>
            <div class="">My Styles</div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="clear"></div>
</div>
<div class="mt4" style="border: 1px solid #ccc">
    <div class="myContent">
        <div class="pl8 pr8 pt8 pb8 lh16" style="border-top: 1px solid #fff;border-left: 1px solid #fff;">
            <a href="{{base_url()}}syslib/Flexigrid/guide/flexigrid.png" 
                   rel="prettyPhoto[gallery1]"
                   title="Flexigrid full"
                   ><img src="{{base_url()}}syslib/Flexigrid/guide/flexigrid.png"/></a>
            <fieldset>
                <legend>Phân trang</legend>
                <a href="{{base_url()}}syslib/Flexigrid/guide/paging.png" 
                   rel="prettyPhoto[gallery1]"
                   title="Flexigrid full"
                   ><img src="{{base_url()}}syslib/Flexigrid/guide/paging.png"/></a>
                <p>
                <tt>Setting</tt>, <tt>Filter</tt>, <tt>Columns display</tt>
                </p>
            </fieldset>

            <fieldset>
                <legend>Tìm kiếm</legend>
                <a href="{{base_url()}}syslib/Flexigrid/guide/searching.png" 
                   rel="prettyPhoto[gallery1]"
                   title="Flexigrid full"
                   ><img src="{{base_url()}}syslib/Flexigrid/guide/searching.png"/></a>
                <p>
                    Ấn vào biểu tượng <tt>tìm kiếm</tt> để mở nhanh khung tìm kiếm.
                </p>
            </fieldset>

            <fieldset>
                <legend>Tùy chỉnh</legend>
                <a href="{{base_url()}}syslib/Flexigrid/guide/settings.png" 
                   rel="prettyPhoto[gallery1]"
                   title="Flexigrid full"
                   ><img src="{{base_url()}}syslib/Flexigrid/guide/settings.png"/></a>
                   <br/>
                Ấn vào biểu tượng cài đặt để thiết lập các tùy chỉnh.<br/>
                <tt>Hiện thị dữ liệu</tt><br/>
                <tt>Hiện thị các cột</tt><br/>
                <tt>Bộ lọc dữ liệu</tt><br/>
            </fieldset>

            <fieldset>
                <legend>Sắp xếp dữ liệu theo cột</legend>
                Ấn vào tiêu đề cột để sắp xếp dữ liệu theo cột đã chọn.<br/>
                <tt>ASC</tt><br/>
                <tt>DESC</tt><br/>
                Mặc định dữ liệu được sắp xếp theo ngày khởi tạo.
            </fieldset>

            <fieldset>
                <legend>Menu sự kiện</legend>
                <a href="{{base_url()}}syslib/Flexigrid/guide/event.png" 
                   rel="prettyPhoto[gallery1]"
                   title="Flexigrid full"
                   ><img src="{{base_url()}}syslib/Flexigrid/guide/event.png"/></a>
                   <br/>
                Nhấp chuột phải vào một dòng bất kỳ. Context menu với các tùy chọn khác nhau<br/>
                <tt>ASC</tt><br/>
                <tt>DESC</tt><br/>
                Mặc định dữ liệu được sắp xếp theo ngày khởi tạo.
            </fieldset>

            <p>
            <tt>Setting</tt>, <tt>Filter</tt>, <tt>Columns display</tt>
            </p>
            <p>
                <a href="http://www.youtube.com/watch?v=809UpKDVjps&list=UUCDNG1ptbwhl1XY85vGHp8g&index=2" 
                   rel="prettyPhoto[video]"
                   title="Flexigrid full"
                   ><img src="{{base_url()}}syslib/Flexigrid/guide/event.png"/></a>
                   <br/>
                
                Just Dance added a clip 4 months ago
                1:51  
                All the Right Moves - Meet Teddy Forance - ATRM on Oxygen
                GREEN • 28,163 views
                Oxygen's all new reality show All the Right Moves takes us inside the lives of dance superstars Travis Wall, Teddy Forance, Ni
            </p>
            <p>
                Just Dance added a clip 4 months ago
                1:51  
                All the Right Moves - Meet Teddy Forance - ATRM on Oxygen
                GREEN • 28,163 views
                Oxygen's all new reality show All the Right Moves takes us inside the lives of dance superstars Travis Wall, Teddy Forance, Ni
            </p>
            <pre>
    Just Dance added a clip 4 months ago
    1:51  
    All the Right Moves - Meet Teddy Forance - ATRM on Oxygen.GREEN • 28,163 views.Oxygen's all new reality show All the Right Moves takes us inside the lives of dance superstars Travis Wall, Teddy Forance, Ni
            </pre>
            <a name="ol" ></a>
            <ol>
                <li><tt>SET</tt> character_set_database=utf8;</li>
                <li><tt>LOAD DATA LOCAL INFILE</tt> '/tmp/somefile.txt' REPLACE INTO TABLE tmpsomefiletable</li>
                <li>FIELDS TERMINATED BY ';' OPTIONALLY ENCLOSED BY '"';</li>
                <li>SET character_set_database=default;</li>
            </ol>
            <ul>
                <li><tt>SET</tt> character_set_database=utf8;</li>
                <li><tt>LOAD DATA LOCAL INFILE</tt> '/tmp/somefile.txt' REPLACE INTO TABLE tmpsomefiletable</li>
                <li>FIELDS TERMINATED BY ';' OPTIONALLY ENCLOSED BY '"';</li>
                <li>SET character_set_database=default;</li>
            </ul>
            <img src="http://s0.2mdn.net/viewad/2074920/Jul11_new_728x90_developer_lineup.gif"/>
            <img src="http://genk2.vcmedia.vn/zoom/230_180/N0WoyYblO3QdmZFKPMtKnadHAHTevz/Image/2012/VienChinh/11/6-73b4a.jpg"/>
        </div>
    </div>
</div>